<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/regist.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>

    <script type="text/javascript" src="/js/system/common.js"></script>
    <script type="text/javascript" src="/js/system/rpw.js"></script>
    <script src="/js/plugins/validate/jquery.validate.min.js"></script>
    <script>
        $(function () {
            //注册功能完成  做数据验证
            $('#registerBtn').click(function () {
                $('#editForm').submit();
            });

            $('#editForm').validate({
                rules: {
                    verifyCode: {
                        required: true
                    },
                    rpassword1: {
                        required: true
                    },
                    rpassword2: {
                        equalTo: "#rpassword1"

                    }
                },
                messages: {
                    verifyCode: {
                        required: "请输入验证码"
                    },
                    password: {
                        required: "请输入密码"
                    },
                    rpassword: {
                        equalTo: "两次密码输入不相同"
                    }
                },
                submitHandler: function () {
                    $("#editForm").ajaxSubmit(function (data) {
                        if(data.success){
                            location.href = "/login.html";
                        }else{
                            popup(data.msg);
                        }
                    })
                }
            });
        })



    </script>
</head>

<body>
<div class="wrapper">
    <div class="container container-login">
        <a href="javascript:;" title="返回首页" class="logo">骡窝窝</a>
        <div class="signup-forms flip">
            <div class="login-box" id="_j_login_box">
                <div class="inner inner_v2 clearfix">
                    <div class="inner_v2_left">
                        <form id="_j_login_form" action="javascript:;">
                            <div class="form-field">
                                <input id="inputPassword" type="text" placeholder="您的手机号" autocomplete="off"  value="">
                                <div class="err-tip"></div>
                            </div>
                            <div class="submit-btn">
                                <button id="_js_loginBtn">进入更改</button>
                            </div>
                        </form>
                        <div class="agreement">
                            注册视为同意<a target="_blank" href="javascript:;">《骡窝窝用户使用协议》</a>
                        </div>
                        <div class="connect">
                            <p class="hd">用合作网站账户直接登录</p>
                            <div class="bd">
                                <a href="javascript:;" class="weibo"><i></i>新浪微博</a>
                                <a href="javascript:;" class="qq"><i></i>QQ</a>
                                <a href="javascript:;" class="weixin"><i></i>微信</a>
                                <div class="clear"></div>
                            </div>
                        </div>                        </div>
                    <div class="inner_v2_right">
                        <img src="/images/qrcode.jpg">
                        <p>扫一扫<br>下载骡窝窝APP</p>
                    </div>
                </div>
            </div>
            <div class="signup-box" style="display: none;">
                <div class="add-info">
                    <div class="hd">账号注册</div>
                    <form action="/setting/mobile" method="post" id="editForm">
                        <input type="hidden" name="phone" value="" id="phone">
                        <div class="form-field">
                            <input name="password" type="password" placeholder="旧密码" id="password">
                            <div class="err-tip"></div>
                        </div>
                        <div class="form-field">
                            <input name="rpassword1" type="password" placeholder="新密码" id="rpassword1">
                            <div class="err-tip"></div>
                        </div>
                        <div class="form-field">
                            <input name="rpassword2" type="password" placeholder="确认新密码" id="=rpassword2" >
                            <div class="err-tip"></div>
                        </div>

                        <div class="form-field">
                            <div class="clearfix">
                                <a href="#" class="vcode-send sms-code-send">获取验证码</a>
                                <input name="verifyCode" type="text" placeholder="短信验证码" autocomplete="off"class="vcode-input">
                            </div>
                            <div class="err-tip clearfix"></div>
                        </div>
                        <div class="submit-btn">
                            <button type="button" id="registerBtn">完成更改</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div>
</div>
<div class="fullscreen-bg"
     style="background-image: url(https://p4-q.mafengwo.net/s10/M00/DE/4E/wKgBZ12DXi2ANCNPACMvC5T4T3Y767.png?imageMogr2%2Finterlace%2F1);">
    <img src="/88bb7217-8ac5-4674-8c63-7bea5941960c.jpeg" style="width: auto; height: 657px; margin-top: -213px;">
</div>
</body>
</html>